<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>/*用于设置元素所有边框的样式，或者单独地为各边设置边框样式*/
p.none {border-style:none;}/*默认无边框*/
p.dotted {border-style:dotted;}/*定义一个点线边框*/
p.dashed {border-style:dashed;}/*定义一个虚线边框*/
p.solid {border-style:solid;}/*定义实线边框*/
p.double {border-style:double;}/*定义两个边框。 两个边框的宽度和 border-width 的值相同*/
p.groove {border-style:groove;}/* 定义3D沟槽边框。效果取决于边框的颜色值*/
p.ridge {border-style:ridge;}/*定义3D脊边框。效果取决于边框的颜色值*/
p.inset {border-style:inset;}/*定义一个3D的嵌入边框。效果取决于边框的颜色值*/
p.outset {border-style:outset;}/*定义一个3D突出边框。 效果取决于边框的颜色值*/
p.hidden {border-style:hidden;}/*定义一个隐藏边框*/
</style>
</head>

<body>
<p class="none">无边框。</p>
<p class="dotted">虚线边框。</p>
<p class="dashed">虚线边框。</p>
<p class="solid">实线边框。</p>
<p class="double">双边框。</p>
<p class="groove"> 凹槽边框。</p>
<p class="ridge">垄状边框。</p>
<p class="inset">嵌入边框。</p>
<p class="outset">外凸边框。</p>
<p class="hidden">隐藏边框。</p>
</body>

</html>